@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700);

* {font-family: 'Open Sans', sans-serif;}
html {overflow-y: scroll;overflow-x: hidden;}
body {line-height:1.5em;font-size:13px;}

h1, h2, h3, h4, h5, h6 {margin:0 0 1em 0;padding:0;line-height: 1.35em; font-weight: 400;}

h1, .h1 { font-size: 28px; }
h2, .h2 { font-size: 26px; }
h3, .h3 { font-size: 24px; }
h4, .h4 { font-size: 18px; }
h5, .h5 { font-size: 16px; }
h6, .h6 { font-size: 13px; }

p {max-width:60em;margin:0 0 1em 0;}

h3.special {padding:.5em 0;font-weight: 400;line-height: 1.35em;font-size:18px;}
h3.special small {font-size:14px}
p.special {}

#primaryColor {height:1px;width:1px;position: absolute;}

a,a:focus,button,input {outline:none;}

.text-logo {height:45px;font-size:1.5em;line-height:1.25em;font-weight:300;}
@media only screen and (max-width: 1024px) {
	.text-logo {font-size:1.2em;}
}
.img-logo {max-height:100px;}

.inner {padding:20px 0;}
.inner-condensed {margin:10px 0;}
.inner-bottom {padding:0 0 20px 0;}

a:hover,a:focus {text-decoration:none;}

.rc {-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.rcbl {-webkit-border-bottom-left-radius: 4px;-moz-border-radius-bottomleft: 4px;border-bottom-left-radius: 4px;}
.rcbr {-webkit-border-bottom-right-radius: 4px;-moz-border-radius-bottomright: 4px;border-bottom-right-radius: 4px;}
.rctl {-webkit-border-top-left-radius: 4px;-moz-border-radius-topleft: 4px;border-top-left-radius: 4px;}
.rctr {-webkit-border-top-right-radius: 4px;-moz-border-radius-topright: 4px;border-top-right-radius: 4px;}
.norc {-webkit-border-radius: 0 !important;-moz-border-radius: 0 !important;border-radius: 0 !important;}

.shadow {
	-webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.15);
	-moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.15);
	box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.15);
}

.click-able {cursor:pointer;}
.reset-space {margin:0;padding:0;}

.text-ellipsis {white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}

.trans {background:transparent !important;}
.trans-min {opacity:.85}
.trans-more {opacity:.5}

.topShadow {background-image:url('../gfx/teaser-shadow.png'); background-position:top center; background-repeat:no-repeat; background-size:100%;}
.dropShadow {background-image:url('../gfx/teaser-shadow-down.png'); background-position:top center; background-repeat: no-repeat; background-size:100%; }

.decoHolder {height:100px;}

.breadcrumb {}

@media only screen and (max-width: 500px) {
	.decoHolder {height:150px;}
}

@media only screen and (min-width: 500px) {
	.decoHolder {height:150px;}
}

@media only screen and (min-width: 768px) {
	.decoHolder {height:200px;}
}
@media only screen and (min-width: 1024px) {
	.decoHolder {height:450px;}
	.grid figure {margin-bottom:10px;}
}

.sectionHolder {padding:2em 0 0 0;}

ul {margin-left: 0px !important;}

/* social media icons */
ul.social-icons {
	overflow: auto;
	margin: 0 auto !important;
	padding: 0;
}

ul.social-icons li {
	list-style-type: none;
	display: inline-block;
}

ul.social-icons li a{
	color:transparent;
}

ul.social-icons li a i {
	color: #fff;
	width: 30px;
	height: 30px;
	border-radius: 0px;
	font-size: 15px;
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;
	padding-top: 15%;
}

.fa-facebook.fa-social-icons-link {
	background:#3b5998 !important;
}
.fa-linkedin.fa-social-icons-link {
	background:#007bb5 !important;
}
.fa-twitter.fa-social-icons-link {
	background:#55acee !important;
}
.fa-pinterest.fa-social-icons-link {
	background:#cb2027 !important;
}
.fa-instagram.fa-social-icons-link {
	background:#262626 !important;
}
.fa-google-plus.fa-social-icons-link {
	background:#dd4b39 !important;
}
ul.social-icons li a i:hover {
	opacity: .7;
}

ul.nav {padding-left:0;}
ul.slides {padding-left:0;margin-left:0;list-style: none}

.logoHolder img.img-responsive { margin:0 !important;max-height: 45px}
.logoHolder h1 {font-weight: 300;font-size: 23px}
.nav-pills li {margin-right:5px;margin-bottom:5px;}

@media only screen and (max-width: 1024px) {
	.logoHolder h1 { font-size: 22px;margin-top:5px !important;}
	.nav-pills li {margin-right:3px;margin-bottom:5px;}
}

@media only screen and (max-width: 600px) {
	.logoHolder h1 { margin-top:0px !important;}
}

/* Back To Top
====================================*/
#scroll-top-top {
	position: absolute;
	width:75px;
	text-align: center;
	padding:10px 15px;
	left: 50%;
	margin-left:-35px;
}


#scroll-top-top a {opacity: 1;}
#scroll-top-top a:hover, #scroll-top-top a:focus {text-decoration: none;opacity: 0.7;}

#headerHolder {opacity: .95;}
.logoHolder {cursor:pointer;}

.table-no-bordered {width:75%}
.table-no-bordered>tbody>tr>td, .table-no-bordered>tbody>tr>th,
.table-no-bordered>tfoot>tr>td, .table-no-bordered>tfoot>tr>th,
.table-no-bordered>thead>tr>td, .table-no-bordered>thead>tr>th {
	border-top:0px solid !important;
}

td.day {width:1%}


body > .sidebar-nav {position:fixed;width:100%;top:85px;display: none;}
.sidebar-nav ul#menu {padding:0;margin:0;}
.sidebar-nav ul#menu li {list-style:none;padding:15px;margin:0;}

@media only screen and (max-width: 800px) {
	.nav-pills>li {max-width:70px;margin-right:0 !important;margin-bottom:0 !important;}
	.nav-pills>li a {white-space: nowrap;overflow: hidden;text-overflow:ellipsis;padding:10px;}
}

.dropdown-menu {padding:0;max-height:500px;overflow-y: auto;overflow-x: hidden;}
.dropdown-menu>li {margin-right:0;margin-bottom:0;}
.dropdown-menu>li>a {padding:15px 20px;min-width:200px;}
#editmode {z-index:1500;}
.navbar-fixed-top {height:85px;}

#colorbox {width:680px !important; min-height:293px !important;padding: 0 !important;}
.editModeHolder {margin-bottom:0 !important;}

img.imgDecoHolder {width:100% !important;}

.decoHolder ul, #mainContentHolder ul {
	list-style: none;
	padding: 0;
}
.decoHolder li, #mainContentHolder li {
	padding-left: 1.5em;
	line-height: 1.75em;
}
.decoHolder li:before, #mainContentHolder li:before {
	content: "\f067"; /* FontAwesome Unicode */
	font-family: FontAwesome;
	display: inline-block;
	margin-left: -1.5em; /* same as padding-left set on li */
	width: 1.5em; /* same as padding-left set on li */
}

  .hamburger span {
	display: block;
	width: 20px;
	height: 2px;
	margin: 5px 0;
	background-color: #72b626;
  }
  
  .hamburger span:first-child {
	margin-top: 12px;
  }
  
  .hamburger span:last-child {
	margin-bottom: 0;
  }

.decoHolderContent {padding-top:5%;}
.min-margin-bottom {margin-bottom:5px !important;}
.no-margin-bottom {margin-bottom:0 !important;}
.img-center {margin:0 auto;}

.recaptchatable .recaptcha_image_cell, #recaptcha_table {background-color: #f7f7f7 !important;}
.recaptchatable #recaptcha_image {border:0px solid !important;}
#recaptcha_response_field {height:34px; padding:6px 12px; font-size: 14px; color:#555; background-color:#FFF; border:1px solid #CCC !important;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
	
}

/*accordionHolder*/
.accordionHolder .fa {margin:5px 10px 15px 30px;}
.accordionHolder .contentdata {padding-bottom:2em;}
.accordionHolder h3 {margin-top:2em !important;}
.accordionHolder h3:first-child {margin-top:0em !important;}
.accordionHolder h4.click-able {opacity:1;}
.accordionHolder h4.click-able.active, #faqHolder h4.click-able:hover {opacity:1}

.teaserHolder .teaserItemHolder {text-align: center !important}
.embed-responsive-item object,.embed-responsive-item iframe {width:100% !important;}


.background-default {background-color:#FFFFFF;}
.background-primary {background-color:#337ab7;}
.background-light {background-color:#EEEEEE;}
.background-lighter {background-color:#f7f7f7;}
.background-dark {background-color:#686868;}
.text-light {color:#FFFFFF;}
.text-dark {color:#686868;}
.sidebar-nav {background:#f7f7f7;}
.sidebar-nav ul#menu li a {color:#337ab7}
.sidebar-nav ul#menu li.active {background:#337ab7}
.sidebar-nav ul#menu li.active a {color:#FFF}
.accordionHolder .fa-plus {color:#337ab7;}
.accordionHolder .fa-times {color:red;}
.accordionHolder h4.click-able {color:#337ab7}
.accordionHolder .contentdata {border-bottom:1px solid #DDD;}
#scroll-top-top {background-color: #000}
.btn-primary:hover {opacity:.85}

.container, .decoHolder {min-width:320px;}

.agendi_afspraken_frame {width: 100% !important;border:0px solid;}

.sidebar-nav {
	position:fixed;width:100%;height:75%;display:none;overflow-y: auto;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.15);
	-moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.15);
	box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.15);}
.sidebar-nav ul#menu {padding:0;margin:0;}
.sidebar-nav ul#menu li {list-style:none;padding:15px;margin:0;}
.nav>li>a {white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.nav>li>a:hover {background-color: transparent !important;}

.loader-holder {height:85px;}

#editmode {
	width:100% !important;
	text-align:right;
	background:#CCC;
	top:0 !important;
	right:0 !important;
	padding:10px;
	background-image:url('../gfx/teaser-shadow-down.png'); background-position:bottom center; background-repeat: no-repeat; background-size:100%;
}

body.editmodeVisible > .loader-holder {height: 135px;}
body.editmodeVisible > .navbar-fixed-top {margin-top:50px;}
body.editmodeVisible > .sidebar-nav {top:135px !important;}
.nav-pills>li>a:hover,.nav-pills>li.active>a:hover {color:#337ab7;}
